<template>
    <div class="export-page">
      <div class="title">
        模型下载
      </div>
      <div style="margin-bottom: 15px;">
        <el-button type="primary">下载</el-button>
      </div>
      <my-table
        :table-data="currentTableData"
        :column-data="columnData"
        :operate-btn="operateBtn"
        :show-operate="true"
      />
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        currentTableData: [
        {
          id: '2024120101',
          name: '模型参数',
          time: '2024-12-01 09:21'
        },
        {
          id: '2024111202',
          name: '模型参数',
          time: '2024-11-12 11:25'
        },
        {
          id: '2024120102',
          name: '模型参数',
          time: '2024-12-01 14:30'
        },
        {
          id: '2024120802',
          name: '模型参数',
          time: '2024-12-08 09:21'
        },
        {
          id: '2024090103',
          name: '模型参数',
          time: '2024-09-01 15:00'
        },
        {
          id: '2024080104',
          name: '模型参数',
          time: '2024-08-01 11:10'
        },
        {
          id: '2024122201',
          name: '模型参数',
          time: '2024-12-22 16:21'
        }
      ]
      }
    },
    computed: {
    columnData() {
      return [
        { prop: 'id', label: '模型ID', align: 'center' },
        { prop: 'name', label: '模型参数', align: 'center', color: '#0099cc' },
        { prop: 'time', label: '创建时间', align: 'center' }
      ]
    },
      operateBtn() {
        return [
          {
            label: '模型参数',
            type: 'text',
            size: 'mini',
            icon: '',
            event: 'edit'
          }
        ]
      }
    }
  }
  </script>
  
  <style lang="scss" scoped>
      .export-page{
          display: flex;
          flex-direction: column;
          height: calc(100vh - 50px);
          padding: 15px 20px;
          background-color: #f7f8f9;
      }
      .title{
          color: #666666;
          margin-bottom: 20px;
      }
  </style>
  